/*棣栭〉*/
.wrapper{width:1400px; margin:0px auto;}
.pd60{padding:80px 0}
.ptd60{padding:0 0 100px}

.homesort{ background: #fff; border-radius: 6px; margin-top:15px; box-shadow: 0 0 15px rgba(0,0,0,.1); overflow: hidden;}
.homesort-l{width:51%;}
.homesort-r{width:44%; font-size: 16px; position: relative;}
.homesort-r img{position:absolute; right:30px; bottom:25px;}
.homesort-r h2{font-size: 20px; font-weight: bold; padding: 30px 0 15px;color: #1f53be;}
.hometitle{font-size: 16px;}
.hometitleno{ padding: 0 0 30px;}
.hometitle h2{font-size: 18px;}
.hometitle h2 strong{font-size: 30px;}
.productcontent .hometitle h2 strong{font-size: 20px;}
.productcontent .hometitle h2{font-size: 16px;}
.hometitle-r{margin-top: 15px; width: 30px; height: 30px; line-height: 30px; background: #aaa; border-radius: 100%;transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg); text-align: center;}
.hometitle-r .iconfont{ color:#fff; font-size: 18px; display: inline-block; padding-left: 5px;}
.hometitle-r:hover{background: #1f53be;}
.box2{background:#f9f9f9; padding:70px 0}
.abtpic{width:46%; position: relative; border-radius: 40px 0 0 0; overflow: hidden;}
.abtpic img {width: 97.5%; position: relative; z-index: 1; padding-bottom: 2.5%;}
.abtpic:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 88%; height: 85%; background: #91d0ff; z-index: 0;}

.about{width:48%}
.abtt{font-size: 26px; font-weight: bold;}
.abtfont{font-size: 15px; line-height:2; color:#666; padding:15px 0 20px}
.abtfont p{padding:8px 0}
.anbtn{ color: #666; background: #fff; line-height: 42px; width: 140px; display: block; text-align: center; border: 1px solid #ddd; border-radius: 20px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.anbtn:hover{background: #1f53be; color:#fff; border: 1px solid #1f53be;}

.adv-title{font-size: 30px; line-height: 1; color: #333; font-weight:bold; text-align: center; padding-bottom: 50px;}
.adv-item{width: 32.5%;position: relative; box-sizing: border-box;}
.adv-text{width: 92%;margin: 0 auto;background: #ffffff;height: auto;box-sizing: border-box; padding: 30px 20px; font-size: 15px; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); box-shadow: 1px 8px 7px #dae9ff; color:#777;}
.youshidesc{min-height: 80px; line-height: 26px;}
.adv-text img{width:40px}
.adv-item:hover .adv-text{bottom: -85px; transition:all 0.5s ease;}
.adv-text h2{color: #333; font-size: 22px; padding: 10px 0 5px;}
.youshibg{background: url(../images/ysbg.jpg) no-repeat center center/cover #e5e5e5 fixed; height:680px; display: flex; align-items:center;}
@media(max-width:1480px){
	.homesort-l{width:53%;}
	.homesort-r{width:42%;}
	.homesort-r h2{font-size: 18px;}
	.hometitle h2{font-size: 16px;}
	.hometitle h2 strong{font-size: 28px;}
	.hometitle-r{margin-top: 12px;}
	.adv-text h2{font-size: 20px;}
	.adv-title{font-size: 28px;}
	.youshibg{ height:600px;}
}
.lxwm{ margin-top: 15px;}
.lxwm .fsbox{padding: 20px; border: 2px solid #ff6600; font-size: 15px;}
.lxwm .fsbox b{font-size: 16px;color: #333;}
.lxwm .fsbox .tel{background: url(../images/l_tel.png) no-repeat left 5px; padding-left: 52px; color: #666; margin-top: 12px;}
.lxwm .fsbox .tel span{font-size: 24px; line-height: 1.2; color: #1f53be; display: block; font-family: 'Lato-Bold';}
.lxwm .fsbox p{line-height: 22px; margin-top:5px;}

.tit_le{background: #1f53be url(../images/nconl_tit.png) no-repeat 92% center; height: 65px; line-height: 65px; font-size: 18px; color:#fff; padding-left: 20px; background-size: 27px;}
.tit_le a{color:#fff; display: block;}
.tit_le:hover{background: #1381ec url(../images/nconl_tit.png) no-repeat 92% center;}
.lxwm .tit_le{background: #ff6600 url(../images/con_tit.png) no-repeat 92% center;}
.nlist{border: 2px solid #1f53be; padding: 0 10px;}
.nlist li{ border-top: 1px solid #eee; background: url(../images/nconl_li_bg.png) no-repeat 94% center;}
.nlist li:nth-child(1){border-top: none;}
.nlist li a{display: block; color: #333333; padding: 18px 0 18px 10px; font-size: 16px; color: #333333;}
.nlist li:hover{background: url(../images/nconl_li_bgh.png) no-repeat 94% center;}
.nlist li:hover a{color:#1f53be;font-weight:bold;}
.loca{background:#f2f2f2;}
.loca .wrapper{height: 55px; line-height: 55px; background: url(../images/loca.png) no-repeat left; color: #999; padding-left: 26px;}
.loca a{font-size: 14px;color: #999;}
.ny_banenr{height: 400px; background:no-repeat center/cover;}
.main-left{width:21%}
.main-right{width:75.5%;}
.aboutcontent{font-size: 16px; line-height:2; padding-top: 10px;}
.aboutcontent strong{color:#1f53be; display: inline-block; margin-top: 6px;}
.yyimage{padding-top: 15px;}
.yyitem{width:33.333%}
.homeyy{padding-top:30px}
.homeyy .yyitem{width:25%}
.cjitem{width:32.5%; margin:5px 0}
.cjitem h3{font-size: 14px; line-height:34px;}
.circleimg{border: 2px solid #ddd; border-radius: 8px; overflow: hidden; margin-top: 20px;}
.atititle{font-size: 30px; line-height:65px; font-weight: bold;}
.productcontent{}
.homeprolist{padding:0 80px}
.productlist{}
.productlist li{width:32%; margin-right: 2%; margin-top: 2%; border: 1px solid #e6e6e6; box-shadow: 0 0 15px rgba(0, 0, 0, 0.06); border-radius: 5px;overflow: hidden;}
.homelist li{width:24%; margin-right: 0; margin-top: 1.4%;}
.productlist li:nth-child(3n){margin-right:0}
.productlist h2{font-size: 16px; text-align:center; background: #fafafa; line-height: 1.8; padding:10px 0; -webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.productlist h3{font-size: 16px; text-align:center; line-height: 1.8; padding:10px 0; -webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.productlist li .productbox{overflow: hidden; padding:10px}
.productlist .productbox img{-webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.productlist li:hover .productbox img{transform: scale(1.1);}
.productlist li:hover h2{color:#fff; background: linear-gradient(90deg, #1381ec , #1167b7);}
.productsm{padding: 0 0 40px;}
.proimg{width:55%;}
.proimg img{width:auto; max-width: 100%; border:1px solid #eee;}
.proview{width:40%}
.proview h2{font-size: 24px; line-height:1.8; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.proviewfont{color:#888; padding:20px 0; line-height: 2;}
.xxcstitle{background: #eee; border-radius: 5px;}
.xxcstitle em{ line-height: 42px; color:#fff; font-size: 16px; font-weight: bold; background: url(../images/xxcstit.png) no-repeat; display: block; max-width:181px; text-align: center;}
.productxxcs{padding:20px 0 0}
.context{border-top:1px solid #eee; border-bottom: 1px solid #eee; padding:10px 20px; margin-top: 30px; background: #fafafa;}
.context ul{display:-webkit-flex; display: -ms-flexbox; display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.context li{line-height: 35px;}
.contactcontent{width:800px; margin: 0px auto; font-size: 16px; line-height: 2; padding:40px 0 0;  font-family: 'Lato-Regular';}
.contactcontent strong{font-size: 22px; display: block; margin-bottom: 10px;}
.contactcontent span{display: block; font-weight: normal; font-size: 16px;}
.mapok{width:100%; border: 0; min-height:420px; margin-top: 30px;}
.rightimg{float:right;}
/*360鍥�*/
.main-right dt{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;color:#fff;opacity:1;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.hr{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;}
.hr img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}
/*骞垮憡浣�*/
.topblank{min-height: 80px;}
.PC_ban{display: block;}
.Mob_ban,.Fast-nav{display: none;}
.banner{width: 100%;position: relative; background: #000000;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 40px;height: 40px; border-radius:50%; border:1px solid #fff; right:0px;}
.banner .swiper-button-next i,.banner .swiper-button-prev i { position: absolute; left:10px; top:8px; font-size: 22px; line-height: 1; color:#fff}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-next {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;text-align: center;}
.banner .swiper-slide img{width:100%}
.banner .swiper-pagination{bottom:5px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 4px;width:10px;border-radius: 2px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:20px !important;background: #ffff00 !important;opacity: 1 !important;}
.banner .swiper-button-next{right: 20px!important;left: auto!important;}
.banner .swiper-button-prev{left: 20px!important;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
@media(max-width:1480px){
	.homeprolist{padding:0 30px}
	.wrapper{width:1240px;}
	.adv-text{ padding: 20px 20px; font-size: 15px;}
	.main-left{width:22%}
	.main-right{width:74.5%;}
	.lxwm .fsbox{padding: 16px; font-size: 14px;}
	.lxwm .fsbox .tel span{font-size: 22px;}
	.lxwm .fsbox p{line-height: 24px; margin-top:6px;}
	.tit_le{height: 50px; line-height: 50px;}
	.nlist li a{padding: 14px 0 14px 10px; font-size: 15px;}
	.atititle{font-size: 26px; line-height:60px;}
}
@media(max-width:1024px){
	.PC_ban{display: none;}
	.Mob_ban,.Fast-nav{display: block;}
	.banner .swiper-button-next,.banner .swiper-button-prev{display:none;}
	.wrapper{width:auto; padding:0 3%}
	.pd60{padding:20px 0}
	.ptd60{padding:0}
	.topblank{min-height: 50px;}
	
	.homesort{width:auto; padding:3%; border:1px solid #ddd; background: #fff; border-radius: 6px; box-shadow:none; overflow: hidden; margin-top: 10px;}
	.homesort-l{width:100%;}
	.homesort-r{width:100%; padding-bottom: 10px; position: static;}
	.homesort-r img{position:static; right:0; bottom:0; display:block;}
	.homesort-r h2{font-size: 16px; padding: 10px 0 10px;}
	.homesort-r a{display: block; font-size: 14px; line-height: 26px;}
	.homesort-r a::before{top:12px;}
	.hometitle{font-size: 16px; padding: 0;}
	.hometitleno{ padding: 0 0 10px;}
	.hometitle h2{font-size: 12px;}
	.hometitle h2 strong{font-size: 16px;}
	.productcontent .hometitle h2 strong{font-size: 16px;}
	.productcontent .hometitle h2{font-size: 12px;}
	.hometitle-r{margin-top: 0px; width: 20px; height: 20px; line-height: 20px; display: none;}
	.hometitle-r .iconfont{ color:#fff; font-size: 14px; padding-left: 5px;}
	.box2{background:#f9f9f9; padding:0 0 20px}
	.abtpic{width:100%; position: relative; border-radius: 0; overflow: hidden;}
	.abtpic img {width: 100%; position: relative; z-index: 1; padding-bottom: 2.5%;}
	.abtpic:after{display:none}
	
	.about{width:100%}
	.abtt{font-size: 16px; font-weight: bold;}
	.abtfont{font-size: 14px; line-height:1.8; color:#666; padding:5px 0 10px}
	.abtfont p{padding:5px 0}
	.anbtn{ color: #666; background: #fff; line-height: 34px; width: 100px;}
	.youshibg{background:#e5e5e5; height:auto; padding-top:20px; display: inherit;}
	.adv-title{font-size: 16px; padding-bottom: 20px;}
	.youshibg .adv-title{ padding-bottom:0px}
	.adv-item{width: 100%;position: static; box-sizing: border-box;}
	.adv-text{width: 100%;margin: 0 auto;background: #ffffff;height: auto;box-sizing: border-box; padding:15px 0 0; font-size: 14px; position: static; bottom: 0; left: 0; transform: translateX(0); box-shadow:none; color:#777}
	.adv-text img{width:30px}
	.adv-item:hover .adv-text{bottom: 0px; transition:all 0.5s ease;}
	.adv-text h2{color: #333; font-size: 16px; padding: 5px 0 5px;}
	.yyitem{width:50%}
	.homeyy .yyitem{width:50%}
	.homeyy{padding-top:10px}
	.cjitem{width:49.5%; margin:5px 0}
	.main-left{width:100%}
	.tit_le{background: #1f53be; height: 40px; line-height: 40px; font-size: 16px; color:#fff; padding-left: 20px; background-size: 16px; cursor: pointer; position: relative;}
	.tit_le:hover{background: #1f53be;}
	.tit_le:after { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; right: 20px; margin-top:-6px; border-left: 2px solid #fff; border-top: 2px solid #fff; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
	.tit_le.cur:after {margin-top:-2px;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
	
	.tit_le.cur{position: relative;}
	.aboutcontent .adv-title{ padding-bottom: 15px; padding-top: 5px;}
	
	.nlist{border: 1px solid #1f53be; padding: 0 10px; margin-bottom: 0;}
	.nlist li{ background: url(../images/nconl_li_bg.png) no-repeat 98% center;}
	.nlist li a{font-size: 14px; padding: 6px 0 6px 10px;}
	.nlist li:hover{background: url(../images/nconl_li_bgh.png) no-repeat 98% center;}
	
	.lxwm,.loca{display: none;}
	.main-right{width:100%; padding:20px 0 0}
	.atititle{font-size: 16px; line-height:40px;}
	.aboutcontent{font-size: 14px; line-height:1.8; padding-top: 20px;}
	.loca .wrapper{width:auto;}
	.contactcontent{width:auto; font-size: 14px; line-height: 1.8; padding:10px 0 0}
	.contactcontent strong{font-size: 14px;}
	.homeprolist{padding:0}
	.productlist li{width:49.2%; margin-right: 0%; margin-top: 2%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);}
	.productlist h2{font-size: 14px; padding:6px 0;}
	.productlist li .productbox{overflow: hidden; padding:5px}
	.ny_banenr{height: 110px; background:no-repeat center/cover;}
	
	.productsm{padding: 0 0 15px;}
	.proimg{width:100%;}
	.proimg img{width:auto; max-width: 100%; border:0px solid #eee;}
	.proview{width:100%}
	.proview h2{font-size: 18px; padding-bottom: 10px;}
	.proviewfont{color:#888; padding:10px 0; line-height: 1.8;}
	.xxcstitle{background: #eee; border-radius: 5px;}
	.xxcstitle em{ line-height: 36px; color:#fff; font-size: 14px; max-width:181px; text-align: center;}
	.productxxcs{padding:10px 0 10px}
	.context{padding:5px 10px; margin-top: 15px; background: #fafafa;}
	.context ul{flex-direction: column;}
	.context li{line-height: 28px; width:100%; text-align: left;}
	.mapok{width:100%; border: 0; min-height:300px; margin-top: 15px;}
}